<!--<template>-->
<!--  <div class="box-main1">-->
<!--    <div class="box-header2">-->
<!--      <el-breadcrumb separator-class="el-icon-arrow-right">-->
<!--        <el-breadcrumb-item :to="{ path: '/admin/index' }">控制台</el-breadcrumb-item>-->
<!--        <el-breadcrumb-item>学生组信息</el-breadcrumb-item>-->
<!--      </el-breadcrumb>-->
<!--    </div>-->

<!--    <div class="box-main2">-->
<!--      <div class="box-search2">-->

<!--        <div class="box-input2" style="width: 180px">-->
<!--          <el-input  @keydown.enter.native="clkBtnSearch" @clear="clkBtnSearch" clearable-->
<!--                     size="mini" v-model="searchInfo.searchKey" placeholder="学生组名"></el-input>-->
<!--        </div>-->
<!--        <div class="box-input2">-->
<!--          <el-button size="mini" type="primary" icon="el-icon-search" @click="clkBtnSearch">搜索</el-button>-->
<!--          <el-button size="mini" type="warning" icon="el-icon-plus" @click="clkBtnAdd">新增</el-button>-->
<!--        </div>-->

<!--      </div>-->

<!--      <div class="box-content2">-->
<!--        <div class="box-table2">-->
<!--          <el-table class="tbl1" :data="studentGroupList" :stripe="true" size="small">-->

<!--            <el-table-column type="index" :index="1" label="序号" width="55"></el-table-column>-->
<!--            <el-table-column label="学生组" width="180">-->
<!--              <template slot-scope="scope">-->
<!--                <span >{{scope.row.student_group_name}}</span>-->
<!--              </template>-->
<!--            </el-table-column>-->
<!--            <el-table-column label="顺序号" width="60">-->
<!--              <template slot-scope="scope">-->
<!--                <span>{{scope.row.order_numb}}</span>-->
<!--              </template>-->
<!--            </el-table-column>-->
<!--            <el-table-column label="创建人" width="120">-->
<!--              <template slot-scope="scope">-->
<!--                <span>{{scope.row.createUserRealname}}</span>-->
<!--              </template>-->
<!--            </el-table-column>-->

<!--            <el-table-column  label="操作" width="120">-->
<!--              <template slot-scope="scope">-->
<!--                 <span>-->
<!--                   <el-button type="primary" size="mini" @click="clkBtnModifiy(scope.row)">编辑</el-button>-->
<!--                   <el-button type="warning" size="mini" @click="clkBtnDelete(scope.row )">删除</el-button>-->
<!--                 </span>-->
<!--              </template>-->
<!--            </el-table-column>-->

<!--          </el-table>-->
<!--        </div>-->
<!--        <div class="box-page2">-->

<!--        </div>-->
<!--      </div>-->
<!--    </div>-->


<!--    <el-dialog title="新增/编辑用户信息" class="dialog1"-->
<!--               :show-close="false" :close-on-click-modal="false"-->
<!--               :visible.sync="showAddStudentGroupDialog">-->
<!--      <div>-->
<!--        <div class="box-content2">-->
<!--          <div class="box-table2">-->
<!--            <el-form size="mini" ref="studentGroup" :model="studentGroup" label-width="120px">-->
<!--              <el-form-item label="学生组名称">-->
<!--                <el-input v-model="studentGroup.student_group_name"></el-input>-->
<!--              </el-form-item>-->
<!--              <el-form-item label="顺序号">-->
<!--                <el-input type="number" v-model="studentGroup.order_numb"></el-input>-->
<!--              </el-form-item>-->
<!--            </el-form>-->
<!--          </div>-->

<!--        </div>-->
<!--      </div>-->
<!--      <span slot="footer" class="dialog-footer">-->
<!--        <el-button size="mini" type="primary" @click="clkBtnSave" >确 定</el-button>-->
<!--        <el-button size="mini" @click="showAddStudentGroupDialog = false">取 消</el-button>-->
<!--      </span>-->
<!--    </el-dialog>-->



<!--    <el-dialog title="编辑用户信息" class="dialog2"-->
<!--               :show-close="false" :close-on-click-modal="false"-->
<!--               :visible.sync="showModifiyUser">-->
<!--      <div>-->
<!--        <div class="box-content2">-->
<!--          <div class="box-table2">-->
<!--            <el-form size="mini" ref="studentGroup" :model="studentGroup" label-width="120px">-->
<!--              <el-form-item label="学生组名称">-->
<!--                <el-input v-model="studentGroup.student_group_name"></el-input>-->
<!--              </el-form-item>-->
<!--              <el-form-item label="顺序号">-->
<!--                <el-input type="number" v-model="studentGroup.order_numb"></el-input>-->
<!--              </el-form-item>-->
<!--            </el-form>-->
<!--          </div>-->

<!--        </div>-->
<!--      </div>-->
<!--      <span slot="footer" class="dialog-footer">-->
<!--        <el-button size="mini" type="primary" @click="clkBtnModifiySave" >确 定</el-button>-->
<!--        <el-button size="mini" @click="showModifiyUser = false">取 消</el-button>-->
<!--      </span>-->
<!--    </el-dialog>-->
<!--  </div>-->
<!--</template>-->

<!--<script>-->
<!--  import request from '@/common/utils/request';-->

<!--  export default {-->
<!--    computed: {-->
<!--      loginUserInfo() {-->
<!--        return this.$store.state.loginUserInfo;-->
<!--      },-->

<!--    },-->
<!--    data() {-->
<!--      return {-->
<!--        searchInfo: {searchKey: null},-->
<!--        studentGroupList: [],-->

<!--        pageLoading: false,-->

<!--        showAddStudentGroupDialog: false,-->
<!--        showModifiyUser: false,-->

<!--        studentGroup: {},-->

<!--      };-->
<!--    },-->
<!--    mounted() {-->
<!--      this._initData();-->
<!--    },-->
<!--    watch: {-->
<!--      $route: {-->
<!--        handler: function (to, from) {-->
<!--          if (to.path == '/admin/student_group_list') {-->

<!--          }-->

<!--        }, immediate: true-->
<!--      },-->
<!--    },-->
<!--    methods: {-->
<!--      _initData() {-->
<!--        this.getList();-->
<!--      },-->

<!--      clkBtnSearch() {-->
<!--        this.getList();-->
<!--      },-->
<!--      getList() {-->
<!--        let url1 = this.settings.apiUrl + '/student_group/list';-->
<!--        let d1 = {};-->
<!--        d1.student_group_name = this.searchInfo.searchKey;-->

<!--        request.post(url1, d1).then((d1r) => {-->
<!--          this.pageLoading = false;-->
<!--          if (d1r.code === 0) {-->
<!--            this.studentGroupList = d1r.data;-->
<!--          } else {-->

<!--            this.$alert('获取用户信息失败：' + d1r.msg, '提示', {-->
<!--              type: 'warning'-->
<!--            });-->

<!--          }-->
<!--        }).catch(err => {-->
<!--          this.pageLoading = false;-->
<!--        });-->
<!--      },-->
<!--      // 点击新增用户的按钮-->
<!--      clkBtnAdd() {-->
<!--        this.studentGroup = {};-->
<!--        this.showAddStudentGroupDialog = true;-->
<!--      },-->
<!--      clkBtnEdit(row) {-->
<!--        this.studentGroup = JSON.parse(JSON.stringify(row));-->
<!--        this.showAddStudentGroupDialog = true;-->
<!--      },-->
<!--      clkBtnModifiy(row){-->
<!--        this.studentGroup = row;-->
<!--        this.showModifiyUser = true;-->
<!--      },-->
<!--      clkBtnModifiySave(){-->
<!--        let url1 = this.settings.apiUrl + "/student_group/update";-->
<!--        let d1 = this.studentGroup;-->
<!--        request.post(url1, d1).then((dr1 => {-->
<!--          if (dr1.code == 0) {-->
<!--            this.getList();-->
<!--            this.showModifiyUser = false;-->
<!--            this.$message("修改信息成功~");-->
<!--          } else {-->
<!--            this.$message('编辑用户信息失败' + dr1.msg + '提示', {-->
<!--              type: 'warning'-->
<!--            });-->
<!--          }-->
<!--        }))-->
<!--      },-->
<!--      clkBtnDelete(row) {-->

<!--        this.$confirm('您确信要删除该记录吗', "提示").then(() => {-->

<!--          let url1 = this.settings.apiUrl + '/student_group/delete';-->
<!--          let d1 = {noid: row.noid};-->
<!--          request.post(url1, d1).then((d1r) => {-->
<!--            if (d1r.code === 0) {-->
<!--              // 记录密码-->
<!--              this.getList();-->
<!--              this.$message('您删除成功了。');-->
<!--            } else {-->
<!--              this.$alert('新增学生组失败：' + d1r.msg, '提示', {-->
<!--                type: 'warning'-->
<!--              });-->
<!--            }-->
<!--          }).catch(err => {-->
<!--            this.loading = false;-->
<!--            console.log(err);-->
<!--          });-->

<!--        })-->


<!--      },-->

<!--      clkBtnSave() {-->
<!--        // 1 首先做验证-->

<!--        let url1 = this.settings.apiUrl + '/student_group/add';-->
<!--        let d1 = this.studentGroup;-->
<!--        d1.create_user_id = this.loginUserInfo.noid;-->

<!--        request.post(url1, d1).then((d1r) => {-->
<!--          if (d1r.code === 0) {-->
<!--            // 记录密码-->
<!--            this.getList();-->
<!--            this.showAddStudentGroupDialog = false;-->
<!--          } else {-->
<!--            this.$alert('新增学生组失败：' + d1r.msg, '提示', {-->
<!--              type: 'warning'-->
<!--            });-->
<!--          }-->
<!--        }).catch(err => {-->
<!--          this.loading = false;-->
<!--          console.log(err);-->
<!--        });-->


<!--      }-->

<!--    }-->

<!--  };-->
<!--</script>-->

<!--<style lang="scss" scoped="scoped">-->

<!--  .box-main2 {-->
<!--    height: 100%;-->
<!--    background-repeat: no-repeat;-->
<!--    background-size: cover;-->
<!--  }-->

<!--  .box-header2{-->
<!--    height: 30px;-->
<!--    background-color: #eceeef;-->
<!--    padding-left:20px;-->
<!--    padding-top:8px;-->

<!--  }-->

<!--  .box-search2{-->
<!--    display: flex;-->
<!--  }-->
<!--  .box-page2{-->
<!--    display: flex;-->
<!--    justify-content: flex-end;-->
<!--  }-->

<!--  .box-search2{-->
<!--    padding-bottom: 10px;-->
<!--    .box-input2{-->
<!--      padding-right:10px;-->
<!--    }-->
<!--  }-->



<!--</style>-->
